<template>
	<!-- 页面右下角显示返回等头部按钮 -->
	<view class="content" @click="$emit('goback')" :class="{'active':isshow}">
		<view class="ico"></view></view>
</template>

<script>
export default {

	data() {
		return {};
	},
	props:{
		isshow:{
			type:Boolean,
			default:false
		}
	}
		
	 
	 
};
</script>

<style>
.content {
	
	width: 76rpx;
	height: 76rpx;
	/* background-color: rgba(255, 255, 255, 0.7); */
	position: fixed;
	bottom: 160rpx;
	right: 30rpx;
	border-radius: 50%;
	/* border: 1px solid #999999; */

	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all 500ms ease-in-out;
	background-image: url("");
    background-size: 76rpx 76rpx;
    background-repeat: no-repeat;
    background-position: 50%;
}

/* .ico {
	width: 0;
	height: 0;
	border-width: 0 20rpx 30rpx;
	border-style: solid;
	border-color: transparent transparent #409eff;
} */
.active{
	opacity: 1;
}
</style>
